<template>
  <Swiper>
          <swiper-item v-for="(item,index) in banners" :key="index">
          <a :href="item.link">
          <img :src="item.image" alt="" @load="imageLoad">
          </a>
          </swiper-item>
      </Swiper>
</template>

<script>
import {Swiper,SwiperItem} from '@/components/common/swiper'
export default {
props:{
    banners:{
        type:Array,
        default(){
            return []
        }
    }
},
data() {
    return {
        isLoad : false
    }
},
components:{
    Swiper,
    SwiperItem
},
methods: {
    imageLoad(){
        if(!this.isLoad){
             this.$emit("swipeimageload")
             this.isLoad = true
        }
       
    }
},
}
</script>

<style scoped>

</style>